﻿
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.5" charset="utf-8"/>
<title>我的保单</title>
<link href="/pad_marketing/html/css/main.css" rel="stylesheet" type="text/css" />
<link href="/pad_marketing/html/css/common.css" rel="stylesheet" type="text/css" />
<link href="/pad_marketing/html/css/mobiscroll.custom-2.6.2.min.css" rel="stylesheet" type="text/css" />
<style>
	.policy-tab a{
		display:inline-block;
		width:16%;
		color:#5c5c5c;
		position:relative;
	}
</style>
</head>

<body>
<input type="hidden" value="1" id="biaoshi"/>
<!--标题区域 start-->
<div class="tit_main">
  <div class="row">
    <div class="col-md-4">
      <!-- <a href="javascript:history.go(-1)" class="pull-left lh-50"><span class="icon icon-left"></span></a> -->
    </div> 
    <div class="col-md-4">
      <label class="lh-50 white">我的保单</label>
    </div>
    <div class="col-md-4">
      <a class="pull-right block lh-50" href="/pad_marketing/index/index.action"><span class="icon icon-home"></span></a>
    </div>
  </div>
</div>
<!--标题区域 end-->
<div class="contentTop">
  <ul class="policy-tab">                              
   	<a href="/pad_marketing/MyPolicy/underwriting.action"><li class="cbq active">承保前</li></a>
    <a href="/pad_marketing/MyPolicy/track.action"><li class="xdzz">新单追踪</li></a>
    <a href="/pad_marketing/MyPolicy/claims.action"><li class="bq">保全</li></a>
    <a href="/pad_marketing/MyPolicy/preservation.action"><li class="lp">理赔</li></a>
    <a href="/pad_marketing/MyPolicy/renewal.action"><li class="xqds">续期待收</li></a>
    <a href="/pad_marketing/MyPolicy/query.action"><li class="bdcx">保单查询</li></a>
  </ul>
</div>
<!--内容区域 start-->
<div class="H_contentTop" id="wrapper">
  <div>
    <p class="lh-45 blue font-18 padding-left-25 margin-15 toggle-click"><span class="icon icon-filter"></span>明细查询
      <span class="hide pull-right toggle-panel" style="color:#a8a8a8;font-size:1.6rem">除保单/投保单号/姓名，其它查询条件请输入一个时间。</span></p>

    <div class="bg-warning hide toggle-panel">
      <div class="blank-2"></div>
      <div class="form-group padding-right-20" id="con">
        <label class="col-md-2 control-label">投保人</label>
        <div class="col-md-4"><input type="text" class="form-control" id="underphName"  placeholder="请输入正确的客户姓名"/></div>
        <label class="col-md-2 control-label">出单方式</label>
        <div class="col-md-4">
          <select class="form-control" id="understyle">
          	<option>APP</option>
            <!-- <option>安E通</option> -->            
            <!-- <option>ADOS</option> -->
          </select>
        </div>
        <div class="blank-1"></div>
        <label class="col-md-2 control-label">保单号</label>
        <div class="col-md-4"><input type="text" class="form-control" id="policyRef"/></div>       
        <label class="col-md-2 control-label">保单状态</label>
        <div class="col-md-4">
	        <select class="form-control" id="understate">
	          <option value="">请选择</option> 
            </select>
        </div>
        <div class="blank-1"></div>
        <label class="col-md-2 control-label">受理日期</label>
        <div class="col-md-4">
          <div class="col-md-5 no-padding"><input type="text" class="form-control date datefrom changef" data-role="datebox" id="dataOfBirth" onchange="initCarrer(0,'dataOfBirth')"/></div>
          <div class="col-md-2 text-center lh-45">—</div>
          <div class="col-md-5 no-padding"><input type="text" class="form-control date dateto changet" data-role="datebox" id="dataOfBirth" onchange="initCarrer(0,'dataOfBirth')"/></div>
        </div>
        <div class="blank-1"></div>
        <label class="col-md-8"  style="color:#a8a8a8;font-size:1.6rem;padding-left:90px">时间最大查询区间为90天</label>
      </div>
      <div class="blank-10"></div>
      <div class="col-md-2 col-md-offset-4">
        <button class="btn btn-block btn-primary btn-lg" onclick="rest()"><span class="icon icon-reset"></span>重置</button>
      </div>
      <div class="col-md-2">
        <button class="btn btn-block btn-warning btn-lg" id="select"><span class="icon icon-search"></span>查询</button>
      </div>
      <div class="blank-2"></div>
    </div>
    <div class="clearfix"></div>
    <!-- 图标 -->
    <!-- <div class="padding-3">图标</div> -->

    <!-- 图表 -->
    <div id="chars" style="width:100%;height:400px;margin:0 auto;"></div>
    <div class="blank-1"></div>
  </div>
</div>
<!--内容区域 end-->
<!--js全放底部-->
<script src="/pad_marketing/html/js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/jquery.jmpopups-0.5.1.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/idangerous.swiper.min.js"></script>
<script src="/pad_marketing/html/js/iscroll.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/idangerous.swiper.3dflow.js"></script>
<script src="/pad_marketing/html/js/mobiscroll.custom-2.6.2.min.js"></script>
<script src="/pad_marketing/html/js/common.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/common.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/echarts.common.min.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/myPolicy.js" type="text/javascript"></script>

</body>
</html>
